<template>
  <div>

    <el-menu
      default-active="/text"
      class="el-menu-vertical-demo"
      background-color="#545c64"
      text-color="#fff"
      active-text-color="#ffd04b"
      router
      :collapse="isCollapse"
      
      >
      <!-- el-menu中router可以转变路由，default-active就变为path -->
      <el-menu-item index="#">
        <span slot="title">管理中心</span>
      </el-menu-item>
      <el-menu-item >
        <i class="el-icon-menu"></i>
        <span slot="title">{{user.name}}</span>
      </el-menu-item>
      


        <el-submenu index="/layout">
          <template slot="title"> 
            <i class="el-icon-location"></i>
            <span>机构管理</span>
          </template>
          <el-menu-item index="unitList">
            <span slot="title">机构列表</span>
          </el-menu-item>
         
          <el-menu-item index="unitReviewed">
            <span slot="title">机构待审核</span>
          </el-menu-item>
        </el-submenu>


        
        <el-submenu index="1-5">
          <template slot="title"> 
            <i class="el-icon-location"></i>
          <span>信息类列表管理</span>
          </template>
          <el-menu-item index="/publicity">
            <span slot="title">公示列表</span>
          </el-menu-item>
          <el-menu-item index="/notice">
            <span slot="title">公告列表</span>        
            </el-menu-item>
            <el-menu-item index="/consultation">
            <span slot="title">咨讯列表</span>        
            </el-menu-item>
            <el-menu-item index="/statute">
            <span slot="title">法规列表</span>        
            </el-menu-item>
            <el-menu-item index="/members">
            <span slot="title">会员之家文章列表</span>   
            </el-menu-item>
        </el-submenu>
       

 

        
        <el-submenu index="1-10">
          <template slot="title"> 
            <i class="el-icon-location"></i>
          <span>专委会信息管理</span>
          </template>
          <el-menu-item index="/news">
            <span slot="title">学会简介列表</span>   
            </el-menu-item>
            <el-menu-item index="/newsx">
            <span slot="title">学会章程列表</span>   
            </el-menu-item>
        </el-submenu>
       
    

          
        <el-submenu index="1-11">
          <template slot="title"> 
            <i class="el-icon-location"></i>
          <span>用户管理</span>
          </template>
          <el-menu-item index="/user">
            <span slot="title">用户列表</span>   
            </el-menu-item>
        </el-submenu>
       
    

        <el-submenu index="1-12">
          <template slot="title"> 
            <i class="el-icon-location"></i>
          <span>成果管理</span>
          </template>
          <el-menu-item index="/achieveList">
            <span slot="title">成功列表</span>   
            </el-menu-item>
            <el-menu-item index="/achieve">
            <span slot="title">成功待审核列表</span>   
            </el-menu-item>
        </el-submenu>
       

        
        <el-submenu index="1-14">
          <template slot="title"> 
            <i class="el-icon-location"></i>
          <span>活动报名管理</span>
          </template>
          <el-menu-item index="/activityApplyList">
            <span slot="title">活动报名列表</span>   
            </el-menu-item>
            <el-menu-item index="/activityApply">
            <span slot="title">活动报名待审核列表</span>   
            </el-menu-item>
           
        </el-submenu>
    


        <el-submenu index="1-15">
          <template slot="title"> 
            <i class="el-icon-location"></i>
          <span>活动管理</span>
          </template>
          <el-menu-item index="/activityList">
            <span slot="title">活动列表</span>   
            </el-menu-item>
            <el-menu-item index="/activity">
            <span slot="title">活动评优</span>   
            </el-menu-item>
        </el-submenu>
    </el-menu>
    <!-- 左侧路由 -->

  </div>
</template>




<script>
export default {
  props:['isCollapse'],//接受数据
  data(){
    return {
      user:JSON.parse(sessionStorage.getItem('CurUser')),
    }
  },

}
</script>

<style lang="less" scoped>
.el-menu {
  border-right:0;
  .is-active{
    background-color: #054476 !important;
    color: #fff!important;
  }

}
.el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 300px;
    min-height: 400px;
  }
span{
  font-size: 20px;
}

</style>